/* 统一对话框头部样式（居中标题版） */
.el-dialog__header {
  padding: 18px 24px !important;
  box-shadow: 0 2px 8px rgba(129, 181, 213, 0.3) !important;
  text-align: left !important; /* Change to left alignment */
  position: relative; /* 为关闭按钮定位提供基准 */

  /* 标题文字样式 */
  .el-dialog__title {
    display: inline-block; /* 解决text-align继承问题 */
    font-size: 20px !important;
    font-family: "SimHei", "Microsoft YaHei", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    color: #000000 !important; /* Change to black color */
    line-height: 1; /* 消除默认行高影响 */
    position: relative; /* 为竖线定位提供基准 */
    padding-left: 10px; /* Add some padding to the left of the title */
  }

  /* 添加竖线 */
  .el-dialog__title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background-color: #1577e7; /* 竖线颜色改为蓝色 */
    box-shadow: 2px 0 4px rgba(0, 0, 255, 0.3); /* 竖线阴影改为蓝色 */
  }

  /* 关闭按钮定位修正 */
  .el-dialog__headerbtn {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    filter: none; /* 移除原有的filter */
    color: #000000 !important; /* 设置关闭按钮颜色为黑色 */
    margin-top: 0 !important; /* 清除默认margin */

    &:hover {
      opacity: 0.8;
    }
  }
}


// .el-drawer__header {
//   padding: 18px 24px !important;
//   box-shadow: 0 2px 8px rgba(129, 181, 213, 0.3) !important;
//   text-align: left !important; /* 左对齐标题 */
//   position: relative; /* 为关闭按钮定位提供基准 */



// }

/* 统一 el-drawer 头部样式 */
.el-drawer__header {
  padding: 18px 24px !important;
  box-shadow: 0 2px 8px rgba(129, 181, 213, 0.3) !important;
  position: relative;

  /* 标题样式 */
  .el-drawer__title {
    display: inline-block !important;
    font: {
      size: 20px !important;
      family: "SimHei", "Microsoft YaHei", sans-serif !important; // 黑体优先
      weight: 700 !important; // 加粗
    }
    color: #000 !important;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 12px !important; // 为竖线留出空间

    /* 蓝色竖线 */
    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      height: 24px;
      background: #1577e7;
      box-shadow: 2px 0 4px rgba(21, 119, 231, 0.3);
    }
  }

  /* 关闭按钮 */
  .el-drawer__headerbtn {
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #000 !important;

    &:hover {
      opacity: 0.8;
    }
  }
}

.v-modal {
  background-color: rgba(0, 0, 0, 0.1) !important; /* 最后一个参数控制透明度（0-1） */
}
